<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:composite="http://java.sun.com/jsf/composite"
	xmlns:sf="http://www.springframework.org/tags/faces">

<composite:interface>
	<composite:attribute name="panelTitle" />
</composite:interface>
<composite:implementation>
	<div class="panel"><h:form>
		<h2 class="title ui-widget-header ui-corner-all">#{cc.attrs.panelTitle}</h2>
		<table class="tb1">
			<tr>
				<td><p:panel header="Simple Panel" footer="ofwi">
					<h:outputText value="Simple Panel, Simple Panel,Simple Panel, ..." />
					<br></br>
					<h:outputText value="Simple Panel, Simple Panel,Simple Panel, ..." />
				</p:panel> <br></br>
				</td>
				<td rowspan="2">
				    <p:tabView>
    					<p:tab title="Tab View I">
						<h:panelGrid columns="2" cellpadding="10">
							<p:graphicImage value="/resources/images/logo.gif" />
							<h:outputText value="Content Tab View I...." />							
						</h:panelGrid>
					</p:tab>
					<p:tab title="Tab View II">
						<h:panelGrid columns="2" cellpadding="10">
							<p:graphicImage value="/resources/images/logo.gif" />
							<h:outputText value="Content Tab View II...some information...."/>							
						</h:panelGrid>
					</p:tab>
					<p:tab title="Tab View III">
						<h:panelGrid columns="2" cellpadding="10">							
							<h:outputText value="Content Tab View III...." />							
						</h:panelGrid>
					</p:tab>
				</p:tabView>
				 <div class="ptop"><h:commandLink value="Panel1" action="panel1"/></div>
				</td>
			</tr>
			<tr>
				<td><p:panel id="pnl" header="Advanced Panel" toggleable="true"
					closable="true" toggleSpeed="500" widgetVar="panel">					
						<h:outputText value="Advanced Panel, Advanced Panel, Advanced Panel,.." />
						<br></br>
						<h:outputText value="Advanced Panel, Advanced Panel, Advanced Panel,.." />
						<br></br>
						<h:outputText value="Advanced Panel, Advanced Panel, Advanced Panel,.." />
						<br></br>
						<h:outputText value="Advanced Panel, Advanced Panel, Advanced Panel,.." />	
					<f:facet name="options">
						<p:menu>
							<p:submenu label="Settings">
								<p:menuitem value="Toggle" url="#"
									icon="/resources/images/update.png" onclick="panel.toggle()" />
								<p:menuitem value="Remove" url="#"
									icon="/resources/images/delete.png" onclick="panel.close()" />
							</p:submenu>
						</p:menu>
					</f:facet>
				</p:panel>
			</td>
		</tr>
		</table>
	</h:form></div>

</composite:implementation>
</html>